<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" xmlns:th="http://www.thymeleaf.org">
    <title>index</title>
    <style type="text/css">
        .aaa{
            background: aqua;

        }
    </style>
    <script type="text/javascript" th:src="@{/jquery-3.7.1.js}"></script>
    <script type="text/javascript">
        console.log($);
    </script>
</head>
<body>

<!--// 这个页面需要从控制器跳转-->

<h1>显示值</h1>
<p th:text="${msg}"></p>


<h1>判断</h1>
<p th:if="${age>=18}">

    成年人
</p>
<p th:unless="${age>=18}">

    未成年人
</p>


<h1>循环</h1>
<table border="1" width="800" cellspacing="0">
    <thead>
    <tr class="aaa">
        <th>编号</th>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
        <th>出生日期</th>
    </tr>
    </thead>

    <tbody>
    <tr th:each="stu:${studentList}" th:class="${stuStat.even}?'aaa'">
        <td th:text="${stu.id}"></td>
        <td th:text="${stu.name}"></td>
        <td th:text="${stu.gender}"></td>
        <td th:text="${stu.age}"></td>
        <td th:text="${#dates.format(stu.birthday,'yyyy-MM-dd')}"></td>
    </tr>
    </tbody>
</table>


<h1>日期格式化</h1>
<p th:text="${#dates.format(nowData,'yyyy-MM-dd HH:mm:ss')}"></p>
<h1>jdk1.8新日期类型</h1>
<p th:text="${#temporals.format(now,'yyyy-MM-dd HH:mm:ss')}"></p>
</body>
</html>




